﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<head>
	<title>โครงการศึกษาความเหมาะสมของการนำน้ำที่ผ่านการบำบัดกลับมาใช้ประโยชน์ของกรุงเทพมหานคร</title> 
	<link rel="stylesheet" type="text/css" media="screen" href="css/mystyle.css">
 	<link rel="stylesheet" type="text/css" media="screen" href="css/theme.css">

	<link rel="stylesheet" href="css/global.css" >
	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 4000,
				pause: 2500,
				hoverPause: true,
				animationStart: function(current){
					$('.caption').animate({
						bottom:-35
					},100);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:0
					},200);
				}
			});
		});
	</script>    
</head>

<body>
	<div id="wow"></div>
	<div id="layout">	
		<?php include('header.php'); ?>

		<div id="main">

		<div id="content">
		    <div id="example">
		        <img src="img/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon">
		        <div id="slides">
		            <div class="slides_container">
		                <div class="slide">
		                    <a href="project.php" title="รายละเอียดโครงการ" target="_blank"><img src="img/slide-1.jpg" width="570" height="270" alt="Slide 1"></a>
		                    <div class="caption" style="bottom: 0">
		                        <p>รายละเอียดโครงการ</p>
		                    </div>
		                </div>
		                <div class="slide">
		                    <a href="concept_sample2.php" title="แนวทางการสาธิตการนำน้ำกลับมาใช้ประโยชน์" target="_blank"><img src="img/slide-4.jpg" width="570" height="270" alt="Slide 3"></a>
		                    <div class="caption">
		                        <p>แนวทางการสาธิตการนำน้ำกลับมาใช้ประโยชน์</p>
		                    </div>
		                </div>
		                <div class="slide">
		                    <a href="waterplants.php" title="เดินระบบแล้ว" target="_blank"><img src="img/slide-2.jpg" width="570" height="270" alt="Slide 2"></a>
		                    <div class="caption">
		                        <p>โรงควบคุมคุณภาพน้ำของกรุงเทพมหานคร - เดินระบบแล้ว</p>
		                    </div>
		                </div>
		                <div class="slide">
		                    <a href="concept_sample.php" title="ระบบบำบัดน้ำทิ้งสาธิต" target="_blank"><img src="img/slide-3.jpg" width="570" height="270" alt="Slide 3"></a>
		                    <div class="caption">
		                        <p>ระบบบำบัดน้ำทิ้งสาธิต</p>
		                    </div>
		                </div>  
		            </div>
		            <a href="#" class="prev">
		                <img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev">
		            </a><a href="#" class="next">
		                <img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next">
		            </a>
		        </div>
		        <img src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
		    </div>

		    <div class="content-home">
		        <h3><img src="pictures/header_news.png" /></h3>
		        <?php
				require('database.php');
				$tt = new News();
				$rs = $tt->db_get_news();
				if ($rs == FALSE)
				{
					echo "<div class='home-blog'>";
					echo "<div class='home-blog-content'>";
					echo "<em class='time'>ไม่มีข้อมูล</em> ";
					echo "</div>";
					echo "</div>";
				}
				else
				{
					foreach ($rs as $row)
					{
						echo "<div class='home-blog'>";
						echo "<div class='home-blog-content'>";
						echo "<em class='time'>".$tt->db_get_thaidate($row->date)."</em> ";
						echo "<a href='news.php?id=".$row->id."' >".$row->topic."</a>";
						echo "</div>";
						echo "</div>";
					}
				}		        
		        ?>
		        <a href="news.php">อ่านข่าวทั้งหมด »</a>
		    </div>

		    <div class="content-thin">
		        <h3><img src="pictures/header_project.png" /></h3>
		        <div class="thin-pic">
		            <a href="#" title="" class="who"><img src="pictures/1.jpg" alt="" title=""></a>
		        </div>
		        <p>
		             กรุงเทพมหานคร มีนโยบายที่จะนำน้ำที่ผ่านการบำบัดจากโรงควบคุมคุณภาพน้ำของกรุงเทพมหานครที่ได้เปิดดำเนินการแล้วนำกลับมาใช้ให้เกิดประโยชน์สูงสุด ซึ่งในปัจจุบันกรุงเทพมหานคร มีระบบบำบัดน้ำรวมที่เปิดดำเนินการ 7 แห่ง ซึ่งได้รับการออกแบบให้มีขีดความสามารถในการบำบัดน้ำเสียได้ 992,000 ลูกบาศก์เมตรต่อวัน ...</p>
		        <p>
		            <a href="project.php" title="" class="home">อ่านต่อ »</a>
		        </p>
		    </div>

		    <div class="content-thin r">
		        <h3><img src="pictures/header_plant.png" /></h3>
		        <div class="thin-pic">
		            <a href="#" title="" class="what"><img src="pictures/3.jpg" alt="" title="" /></a>
		        </div>
		        <p>
		            ปัจจุบันกรุงเทพมหานครมีโรงควบคุมคุณภาพน้ำชุมชนรวมที่ก่อสร้างแล้วเสร็จและเดินระบบโดยรวมน้ำเสียจากชุมชนเข้าสู่โรงบำบัดก่อนปล่อยลงสู่คูคลอง และแม่น้ำเจ้าพระยา จำนวน 7 แห่ง...</p>
		        <p>
		            <a href="waterplants.php" class="home">อ่านต่อ »</a>
		        </p>
		    </div>
		</div>
		<!-- /content -->


		<?php include('footer.php'); ?>
		</div><!-- /main -->
	</div><!-- /layout -->

</body>
</html>

